<template>
	<view>
		<mask-layer :show="show">
			<view class="advice">
				<view class="close">x</view>
				<view class="advice-t">
					<view class="header">填写意见</view>
					<textarea value="" maxlength="200" placeholder="请填写意见反馈" />
				</view>
				<view class="advice-b" @tap="onconfirm">确定</view>
			</view>
		</mask-layer>
	</view>
</template>

<script>
	import maskLayer from "../../components/common/mask-layer.vue"
	export default {
		props:{
			show:Boolean
		},
		data(){
			return {
				isShowPopUp: false
			}
		},
		methods:{
			onconfirm(){
				this.$emit('close')
			}
		},
		components:{maskLayer}
	}
</script>
	
<style lang="less" scoped>
	.advice{
		position: absolute;
		width: 600rpx;
		height: 520rpx;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		background: #FFFFFF;
		border-radius: 16rpx;
		z-index: 99999;
		.close{
			position: absolute;
			top: 0;
			right: 20rpx;
			font-size: 40rpx;
		}
		.advice-t{
			height: 400rpx;
			padding-bottom: 20rpx;
			border-bottom: 1px solid #C0C0C0;
			.header{
				text-align: center;
				line-height: 80rpx;
			}
			textarea{
				width: 90%;
				border: 1px solid #C0C0C0;
				margin: 0 30rpx;
				padding: 10rpx;
				box-sizing: border-box;
				display: block;
			}
		}
		.advice-b{
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			margin: 20rpx auto;
			
		}
	}
</style>
